<div class="weather-panel">
    <!--<div class="left">-->
    <!--<nz-carousel [nzEffect]="effect" [nzAutoPlay]="false">-->
    <!--<div nz-carousel-content *ngFor="let item of weatherData">-->
    <!--<div style="display:flex;margin: 10px 0;">-->
    <!--<div class="item-wrap border">地区<br><label class="text-value">{{item.area}}</label></div>-->
    <!--<div class="item-wrap border">气温<br><label class="text-value">{{item.tempature}}</label></div>-->
    <!--<div class="item-wrap">降水量<br><label class="text-value">{{item.rain}}</label></div>-->
    <!--</div>-->
    <!--<div style="display:flex;margin: 10px 0;">-->
    <!--<div class="item-wrap border">风向风速<br><label class="text-value" style="font-size: 10px">{{item.wind}}</label>-->
    <!--</div>-->
    <!--<div class="item-wrap border">空气质量<br><label class="text-value">{{item.aqi}}</label></div>-->
    <!--<div class="item-wrap">相对湿度<br><label class="text-value">{{item.humidity}}</label></div>-->
    <!--</div>-->

    <!--</div>-->
    <!--</nz-carousel>-->

    <!--</div>-->

    <div class="right">
        <div class="right-1" (click)="modalShow = true">
            <p>
                <span>温度</span>
                <span>{{ temperatureInfo }}℃</span>
            </p>
            <p>
                <span>天气</span>
                <span>{{ weatherInfo }}</span>
            </p>
        </div>
        <!--<div class="right-2" (click)="qxModalShow = true">-->
        <!--<div>市县<br>气象</div>-->
        <!--</div>-->
    </div>
    <!--<div class="right">-->
    <!--<div class="right-1" (click)="onClickNav('http://www.weather.com.cn/satellite/index.shtml?JC_YT_DL_WXZXCSYT')">-->
    <!--<div style="width: 2em">云图</div>-->
    <!--</div>-->
    <!--<div class="right-2"-->
    <!--(click)="onClickNav('http://products.weather.com.cn/product/radar/index/procode/JC_RADAR_AZ9951_JB.shtml')">-->
    <!--<div>雷达<br>图</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<nz-modal nzClassName="dispatch-modal" nzWidth="90%" [(nzVisible)]="modalShow" (nzOnCancel)="onCancel()"-->
    <!--[nzTitle]="yjTitle">-->
    <!--<ng-template #yjTitle>-->
    <!--<div class="apply-title-wrap">-->
    <!--<span class="title-text">气象预警</span>-->
    <!--</div>-->
    <!--</ng-template>-->
    <!--<div *nzModalFooter></div>-->
    <!--<div class="predict">-->
    <!--<div class="predict-item" *ngFor="let item of warningData">-->
    <!--<div class="predict-item-title">{{item.title}}</div>-->
    <!--<div class="predict-item-subtitle">{{item.subTitle}}：</div>-->
    <!--<div class="predict-item-content">{{item.content}}</div>-->
    <!--</div>-->

    <!--</div>-->
    <!--</nz-modal>-->

    <!--<nz-modal nzClassName="dispatch-modal" nzWidth="750" [(nzVisible)]="qxModalShow" (nzOnCancel)="onQxCancel()"-->
    <!--[nzTitle]="qxTitle">-->
    <!--<ng-template #qxTitle>-->
    <!--<div class="apply-title-wrap">-->
    <!--<span class="title-text">市县气象</span>-->
    <!--</div>-->
    <!--</ng-template>-->
    <!--<div *nzModalFooter></div>-->
    <!--<div class="area-wrap">-->
    <!--<div class="area-item" *ngFor="let item of weatherData">-->
    <!--<span class="item-a">{{item.area}}</span>-->
    <!--<span class="item-b">-->
    <!--<label><img [src]="'assets/images/weather/'+item.weatherText1+'.png'"></label>-->
    <!--<label *ngIf="item.weatherText2"><img [src]="'assets/images/weather/'+item.weatherText2+'.png'"></label>-->
    <!--</span>-->
    <!--<span class="item-c">{{item.info}}</span>-->
    <!--<span class="item-d"><label-->
    <!--style="color: #FF6011">{{item.highTemp}}</label>/<label>{{item.lowTemp}}</label></span>-->
    <!--<span class="item-e">{{item.wind}}</span>-->
    <!--<span class="item-f">{{item.level}}</span>-->
    <!--</div>-->
    <!--</div>-->
    <!--</nz-modal>-->
    <nz-modal nzClassName="dispatch-modal" nzWidth="90%" [(nzVisible)]="modalShow" (nzOnCancel)="onCancel()"
              [nzTitle]="yjTitle">
        <ng-template #yjTitle>
            <div class="apply-title-wrap">
                <span class="title-text">天气情况</span>
            </div>
        </ng-template>
        <div *nzModalFooter></div>
        <div class="predict">
            <!--<div class="predict-item" *ngFor="let item of warningData">-->
            <!--<div class="predict-item-title">{{item.title}}</div>-->
            <!--<div class="predict-item-subtitle">{{item.subTitle}}：</div>-->
            <!--<div class="predict-item-content">{{item.content}}</div>-->
            <!--</div>-->
            <iframe [src]="iframeSrc" frameborder="0" style=""></iframe>
        </div>
    </nz-modal>
</div>
